<link href="/assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
<link href="/assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
<style type="text/css">
    .boxout{
        width: 30%;
        display: inline-block;
        height: 250px;
        margin: 1.5%;
    }
</style>
<div class="boxout">
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>基金项目管理
            </div>
            <div class="tools">
                <a href="" id="item" class="fullscreen">
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div style="height:184px" id="item-content">
                基金详情：${jijinItemNumber}条
            </div>
        </div>
    </div>
</div>
<div class="boxout">
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>会议管理
            </div>
            <div class="tools">
                <a href="" id="meeting" class="fullscreen">
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div style="height:184px" id="meeting-content">
                会议信息：${meetCount!'0'}条
            </div>
        </div>
    </div>
</div>
<div class="boxout">
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>财务管理
            </div>
            <div class="tools">
                <a href="" id="finance" class="fullscreen">
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div style="height:184px" id="finance-content">
                财务信息：${financeCount!'0'}条
            </div>
        </div>
    </div>
</div>

<div class="boxout">
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>其他事项管理
            </div>
            <div class="tools">

                <a href="" id="info" class="fullscreen">
                </a>

            </div>
        </div>
        <div class="portlet-body">
            <div style="height:184px;" id="info-content">
                相关信息：${infoCount!'0'}条
            </div>
        </div>
    </div>
</div>

<div class="boxout">
    <div class="portlet box blue">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-gift"></i>人员管理
            </div>
            <div class="tools">
                <a href="" id="peopleInfo" class="fullscreen">
                </a>
            </div>
        </div>
        <div class="portlet-body">
            <div style="height:184px" id="peopleInfo-content">
                人员信息：${peopleInfoCount!'0'}条
            </div>
        </div>
    </div>
</div>


<script src="/assets/global/scripts/metronic.js" type="text/javascript"></script>
<script src="/lib/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
<script src="/assets/admin/layout/scripts/layout.js" type="text/javascript"></script>
<script src="/assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="/assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="/lib/layer/2.4/layer.js"></script>

<script>

    $('#peopleInfo').click(function () {
        var id = ${id};
        var flag = $('#peopleInfo').hasClass('on');
        //最小化
        if(flag){
            $('#peopleInfo-content').css({
                height:  '184px'
            });
            $.ajax({
                url : '/project-peopleInfo-count/'+id,
                async : false,
                success : function (data){
                    $('#peopleInfo-content').html('人员信息：'+data+'条');
                }
            })

            //最大化
        }else{
            var win_h = $(window).height();
            var height = Math.floor(win_h * 0.90);
            $('#peopleInfo-content').css({
                height: height + 'px'
            });
            $.ajax({
                url : '/project-peopleInfo/'+id,
                async : false,
                success : function (data){
                    $('#peopleInfo-content').html(data)
                }
            })

        }
    });
    $('#item').click(function () {
        var id = ${id};
        var flag = $('#item').hasClass('on');
        if(flag){
            $('#item-content').css({
                height:  '184px'
            });
            $.ajax({
                url : '/project-jijinitem-count/'+id,
                async : false,
                success : function (data) {
                    var info = '项目共：' + data + '条';
                    $('#item-content').html(info)
                }
            })
        }else{
            var win_h = $(window).height();
            var height = Math.floor(win_h * 0.90);
            $('#item-content').css({
                height: height + 'px'
            });
            $.ajax({
                url : '/project-jijin-item/'+id,
                async : false,
                success : function (data){
                    $('#item-content').html(data);
                }
            })
        }
    });
    $('#finance').click(function () {
        var id = ${id};
        var flag = $('#finance').hasClass('on');
        if(flag){
            $('#finance-content').css({
                height:  '184px'
            });
            $.ajax({
                url : '/project-finance-count/'+id,
                async : false,
                success : function (data) {
                    var info = '财务信息：' + data + '条';
                    $('#finance-content').html(info)
                }
            })
        }else{
            var win_h = $(window).height();
            var height = Math.floor(win_h * 0.90);
            $('#finance-content').css({
                height: height + 'px'
            });
            $.ajax({
                url : '/project-finance/'+id,
                async : false,
                success : function (data){
                    $('#finance-content').html(data)
                }
            })
        }
    });
    $('#meeting').click(function () {
        var id = ${id};
        var flag = $('#meeting').hasClass('on');
        //最小化
        if(flag){
            $('#meeting-content').css({
                height:  '184px'
            });
            $.ajax({
                url : '/project-meet-count/'+id,
                async : false,
                success : function (data) {
                    var info = '会议信息：' + data + '条';
                    $('#meeting-content').html(info)
                }
            })

        //最大化
        }else{
            var win_h = $(window).height();
            var height = Math.floor(win_h * 0.90);
            $('#meeting-content').css({
                height: height + 'px'
            });
            $.ajax({
                url : '/project-meet/'+id,
                async : false,
                success : function (data){
                    $('#meeting-content').html(data)
                }
            })
        }
    });
    $('#info').click(function () {
        var id = ${id};
        var flag = $('#info').hasClass('on');
        //最小化
        if(flag){
            $('#info-content').css({
                height:  '184px'
            });
            $.ajax({
                url:'/project-info-count/'+id,
                async:false,
                success:function(data){
                    $('#info-content').html('相关信息：'+data+'条');
                }
            })

            //最大化
        }else{
            var win_h = $(window).height();
            var height = Math.floor(win_h * 0.90);
            $('#info-content').css({
                height: height + 'px'
            });
            $.ajax({
                url : '/project-info/'+id,
                async : false,
                success : function (data){
                    $('#info-content').html(data)
                }
            })

        }
    });
</script>

<script>
    jQuery(document).ready(function() {
        Metronic.init(); // init metronic core components
        Layout.init(); // init current layout
    });
</script>